﻿<%@ Control Language="VB" AutoEventWireup="false" CodeFile="ContactControl.ascx.vb" Inherits="Controls_ContactControl" %>

<style type="text/css">
    .auto-style1 {
        width: 100%;
    }
    .auto-style2 {
        font-size: small;
    }
    .auto-style3 {
        font-size: medium;
    }
    .auto-style4 {
        font-size: small;
    }
    .auto-style5 {
        width: 113px;
        font-size: small;
        height: 28px;
    }
    .auto-style6 {
        height: 28px;
    }
    .auto-style7 {
        width: 113px;
        font-size: small;
        height: 5px;
    }
    .auto-style8 {
        height: 5px;
    }
    .auto-style9 {
        height: 14px;
        font-size: small;
    }
    .auto-style10 {
    }
    .auto-style11 {
        height: 14px;
        width: 98px;
        font-size: small;
    }
    .auto-style14 {
    }
    .auto-style15 {
        width: 97px;
    }

    .contactform {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

</style>
<h4 style="text-align:center;">
    You can leave your message by completing the wizard below</h4>
<br />
<div class="contactform">
    <asp:ScriptManager ID="ScriptManager1" runat="server"> </asp:ScriptManager>
        <asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" ChildrenAsTriggers="true">
            <ContentTemplate>
                <asp:Wizard ID="Wizard1" runat="server" BackColor="#EFF3FB" BorderColor="#B5C7DE" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" Height="242px" Width="805px" ActiveStepIndex="0" style="margin-left:auto; margin-right:auto; text-align:center;">
                    <HeaderStyle BackColor="#424242" BorderColor="#EFF3FB" BorderStyle="Solid" BorderWidth="2px" Font-Bold="True" Font-Size="0.9em" ForeColor="White" HorizontalAlign="Center" />
                    <NavigationButtonStyle BackColor="White" BorderColor="#507CD1" BorderStyle="Solid" BorderWidth="1px" Font-Names="Verdana" Font-Size="0.8em" ForeColor="#284E98" />
                    <SideBarButtonStyle BackColor="#424242" Font-Names="Verdana" ForeColor="White" />
                    <SideBarStyle BackColor="#424242" BorderColor="Black" BorderStyle="Solid" BorderWidth="2px" Font-Size="0.9em" VerticalAlign="Top" Width="140px" />
                    <StepStyle Font-Size="0.8em" ForeColor="#333333" VerticalAlign="Top" />
                    <WizardSteps>
                        <asp:WizardStep runat="server" title="Contact Info">
                            <table class="auto-style1">
                                <tr>
                                    <th colspan="3" class="auto-style3" ><strong>Contact Information:<br /></strong></th>
                                </tr>
                                <tr>
                                    <td class="auto-style2">Name:</td>
                                    <td>
                                        <asp:TextBox ID="txtName" runat="server" CssClass="auto-style4"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="txtNameValidator" runat="server" ControlToValidate="txtName" ErrorMessage="Please enter your Name to proceed" CssClass="auto-style4">Required</asp:RequiredFieldValidator>
                                    </td>
                                    <td class="auto-style4">&nbsp;</td>
                                </tr>
                                <tr>
                                    <td class="auto-style7"></td>
                                    <td class="auto-style8">
                                    </td>
                                    <td class="auto-style8"></td>
                                </tr>
                                <tr>
                                    <td class="auto-style5">Email:</td>
                                    <td class="auto-style6">
                                        <asp:TextBox ID="txtemail" runat="server" CssClass="auto-style4" Width="232px"></asp:TextBox>
                                        <asp:RequiredFieldValidator ID="emailValidator1" runat="server" ControlToValidate="txtemail" CssClass="auto-style4" ErrorMessage="Please enter your e-mail address">Required </asp:RequiredFieldValidator>
                                        <span class="auto-style4">&nbsp;&nbsp;
                                        <asp:RegularExpressionValidator ID="emailValidator2" runat="server" ControlToValidate="txtemail" ErrorMessage="The e-mail address you entered is not valid, please correct it." ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*">Invalid e-mail</asp:RegularExpressionValidator>
                                        </span></td>
                                    <td class="auto-style6"></td>
                                </tr>
                                <tr>
                                    <td class="auto-style2" colspan="2" rowspan="5">
                                        <asp:ValidationSummary ID="ValidationSummary1" runat="server" />
                                    </td>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                                <tr>
                                    <td>&nbsp;</td>
                                </tr>
                            </table>
                        </asp:WizardStep>
                        <asp:WizardStep runat="server" title="Message">
                                 <table class="auto-style1">
                                        <tr class="auto-style2">
                                            <th class="auto-style10" colspan="2">Message</th>
                                        </tr>
                                        <tr class="auto-style2">
                                            <td class="auto-style10">Category </td>
                                            <td>
                                                <asp:DropDownList ID="DropDownList1" runat="server" Height="17px" Width="167px">
                                                    <asp:ListItem>Generic</asp:ListItem>
                                                    <asp:ListItem>Desktops</asp:ListItem>
                                                    <asp:ListItem>Smartphones</asp:ListItem>
                                                    <asp:ListItem>Tablets</asp:ListItem>
                                                    <asp:ListItem>Gadgets</asp:ListItem>
                                                    <asp:ListItem>Laptops</asp:ListItem>
                                                    <asp:ListItem>Home Audio</asp:ListItem>
                                                    <asp:ListItem>Camcorders</asp:ListItem>
                                                    <asp:ListItem>Televisions</asp:ListItem>
                                                </asp:DropDownList>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style11">Message/Question</td>
                                            <td class="auto-style9">
                                                <asp:TextBox ID="txtMsg" runat="server" Height="133px" TextMode="MultiLine" Width="508px"></asp:TextBox>
                                            </td>
                                        </tr>
                                        <tr class="auto-style2">
                                            <td class="auto-style10" colspan="2">
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ControlToValidate="txtMsg" ErrorMessage="Please enter your message or question." style="color: #FF0000"></asp:RequiredFieldValidator>
                                            </td>
                                        </tr>
                                    </table>         
                        </asp:WizardStep>
                        <asp:WizardStep runat="server" StepType="Finish" Title="Confirmation">
                            <table class="auto-style1">
                                <tr>
                                    <th colspan="2" class="auto-style9"><strong>Summary</strong></th>
                                </tr>
                                <tr class="auto-style2">
                                    <td class="auto-style15">Your Name:</td>
                                    <td>
                                        <asp:Label ID="LblName" runat="server" Text="txtName"></asp:Label>
                                    </td>
                                </tr>
                                <tr class="auto-style2">
                                    <td class="auto-style15">Email:</td>
                                    <td>
                                        <asp:Label ID="LblEmail" runat="server" Text="txtEmail"></asp:Label>
                                    </td>
                                </tr>
                                <tr class="auto-style2">
                                    <td class="auto-style15">Category</td>
                                    <td>
                                        <asp:Label ID="LblCategory" runat="server" Text="None"></asp:Label>
                                    </td>
                                </tr>
                                <tr class="auto-style2">
                                    <td class="auto-style15">Message:</td>
                                    <td>
                                        <asp:Label ID="LblMessage" runat="server" Text="txtMessage"></asp:Label>
                                    </td>
                                </tr>
                                <tr class="auto-style2">
                                    <td class="auto-style14" colspan="2">&nbsp;<p>Press "Finish" and we will answer to you within 24 working hours.</p></td>
                                </tr>
                            </table>
                        </asp:WizardStep>
                    </WizardSteps>
                </asp:Wizard>
            </ContentTemplate>
        </asp:UpdatePanel>
</div>





